

.banner{
	width:100%;
	margin-bottom:38px;
	position: relative;
	.banner-img{
		width:100%;
		display: inline-block;
		position: relative;



		.banner-emp{
			margin-top:26%;
		}
		.swiper-container {
			width: 100%;
			position:absolute;
			left:0;
			right:0;
			top:0;
			bottom: 0;
			.nextprev-button{
				width:1200px !important;
				height:100%;
				position:absolute;
				top:50%;
				left:50%;
				transform:translate(-50%,-50%);
				z-index:1000;
				.swiper-button-next{
					width:21px!important;
					height:38px!important;
					position: absolute;
					z-index:10000;
					color:#ff0054 !important;
					background:url("../img/index/next.png") !important;
				}
				.swiper-button-prev{
					width:21px!important;
					height:38px!important;
					position: absolute;
					left:0;
					z-index:10000;
					background:url("../img/index/prev.png") !important;
				}
			}
			.swiper-slide {
				width:100%;
				height:100%;
				text-align: center;
				font-size: 18px;
				background: #fff;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				img{
					width:100%;
					height:100%;
				}

			}
		}
	}
	.banner-text{
		width:1152px;
		height:60px;
		line-height:24px;
		font-size: 16px;
		font-family: "Microsoft HimalayaHei";
		position:absolute;
		top:90%;
		left:50%;
		transform:translate(-50%,-50%);
		background: #e3e4e7;
		border-radius: 10px;
		padding-top:20px;
		padding-left:24px;
		padding-right:24px;
		z-index:2;
		span{
			color:#ff0054;
		}
	}
}
.page-container{
	.advan{
		width:100%;
		height:311px;
		.advan-title{
			width:223px;
			height:36px;
			margin:0 auto;
			img{
				float:left;
			}
			span{
				display: block;
				width:160px;
				height:36px;
				float:right;
				text-align: center;
				font-size:28px;
				line-height:36px;
				float:right;
			}
		}
		.advan-imgs{
			margin-top:45px;
			width:100%;
			height:230px;
			.advan-img{
				width:386px;
				height:230px;
				margin-left:11px;
				float:left;
				position: relative;
				p{
					width:100%;
					height:30px;
					//background-color:#464543;
					position: absolute;
					bottom:0;
					background-color:rgba(0,0,0,0.5);
					color:#fff;
					text-align: center;
					padding-top:10px;
					font-family: "Microsoft JhengHei";
					font-size:16px;
					border-bottom-left-radius:5px;
					border-bottom-right-radius:5px;
				}
			}
			.advan-bac1{
				background-image: url("../img/index/advan-inter.png");
			}
			.advan-bac2{
				background-image: url("../img/index/advan-company.png");
			}
			.advan-bac3{
				background-image: url("../img/index/advan-health.png");
			}
		}
	}
}

.server{
	width:100%;
	display: inline-block;
	position: relative;
	margin-top:78px;
	.server-empty{
		margin-top:55.8%;
	}
	.server-container{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom: 0;
		background:url("../img/index/server.png");
		background-size:100% 100%;
		.server-items{
			width:57%;
			height:35.6%;
			position: absolute;
			top:45%;
			left:25%;
			.server-item{
				width:16.8%;
				height:100%;
				float:left;
				margin-right:10.9%;
				img{
					width:100%;
					margin-bottom:10%;
				}
				ul{
					list-style:none;
					.server-item-title{
						width:100%;
						height:30px;
						text-align: center;
						font-size:22px;
						color:#333;
					}
					.server-item-list{
						width:100%;
						height:30px;
						text-align: center;
						font-size:20px;
						color:#999;
					}
				}
			}
			.server-marginr{
				margin-right:0;
			}
		}
	}
}